﻿
<hi:common_new_header runat="server" skinname="/ascx/JsNewTags/Skin-Common_New_Header.ascx" />


<link href="http://res.juseshop.com/templates/master/jusekeji/style/style.css" rel="stylesheet" />
<Hi:TemplateStyle ID="Style1" runat="server" Href="http://res.juseshop.com/templates/master/jusekeji/style/menu.css"></Hi:TemplateStyle>
<Hi:TemplateStyle ID="TemplateStyle1" runat="server" Href="http://res.juseshop.com/templates/master/jusekeji/style/index.css"></Hi:TemplateStyle>
<Hi:TemplateStyle ID="Stylel" runat="server" Href="http://res.juseshop.com/templates/master/jusekeji/style/css_activity.css"></Hi:TemplateStyle>
<link href="http://res.juseshop.com/templates/master/jusekeji/style/wnxd_detail.css" rel="stylesheet" />
<script type="text/javascript" src="http://res.juseshop.com/templates/master/jusekeji/script/wnxd.js"></script>



<style type="text/css">
    .shop_buy {
        width: 320px;
        height: 130px;
        background-color: #fff;
        z-index: 999;
        position: fixed;
        top: 40%;
        left: 40%;
        box-shadow: 0 0 40px #000;
        display: none;
    }

        .shop_buy h4 {
            margin-left: 40px;
            margin-top: 30px;
        }

        .shop_buy span {
            width: 70px;
            height: 25px;
            background-color: #1a8f3b;
            float: right;
            text-align: center;
            line-height: 24px;
            margin-top: 30px;
            margin-right: 20px;
        }

            .shop_buy span:hover {
                background-color: #2a9f4b;
            }

    .product_btns_coll {
        float: right;
    }
</style>

<div class="shop_buy">
    <h4></h4>
    <span><a href="javascript:void($('.shop_buy').hide());">确定</a></span>
</div>




<div class="content-js">
    <div id="divshow" class="dialog">
        <div class="dialog_title">
            <div class="dialog_title_l"><span>成功添加到购物车</span></div>
            <div class="dialog_title_r"></div>
        </div>
        <div class="dialog_cartitem">
            <p>目前选购商品共<span id="spcounttype">0</span>件　合计：<span>￥<span id="sptotal">0.00</span></span>元</p>
            <div class="btnbar"><a class="btn-viewcart" href="#" target="_self"></a><a class="btn-continue"></a></div>
        </div>
    </div>

    <div id="divbefore" class="dialog">
        <div class="dialog_title">
            <div class="dialog_title_l"><span>添加到购物车</span></div>
        </div>
        <div class="dialog_cartitem">正在添加到购物车……</div>
    </div>


    <div class="login_tan" id="loginForBuy" style="display: none;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td colspan="4">
                    <table class="loginForBuytit" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="400">
                                <h2>您尚未登录，请登录</h2>
                            </td>
                            <td width="39">
                                <p>
                                    <img id="imgCloseLogin" src="http://image.juseshop.com/images/close2.jpg" width="25" height="24" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="4">&nbsp;</td>
            </tr>
            <tr>
                <td width="25" valign="middle" w>&nbsp;</td>
                <td valign="middle" width="65" class="fB">用户名：</td>
                <td width="250" valign="middle">
                    <label>
                        <input type="text" name="textfield" id="textfieldusername" class="login_tan_input1" />
                    </label>
                </td>
                <td valign="middle" width="104">&nbsp;</td>
            </tr>
            <tr>
                <td height="45" valign="middle">&nbsp;</td>
                <td valign="middle" class="fB">密　码：</td>
                <td valign="middle">
                    <input type="password" name="textfield2" id="textfieldpassword" class="login_tan_input2" />
                </td>
                <td valign="middle"><a href="/ForgotPassword.aspx">忘记密码了?</a></td>
            </tr>
            <tr>
                <td colspan="4">
                    <table>
                        <tr>
                            <td width="85" valign="middle">&nbsp;</td>
                            <td width="140">
                                <label>
                                    <input type="button" name="button" id="btnLoginAndBuy" value=" " class="login_tan_input3" />
                                </label>
                            </td>
                            <td width="79" align="center"><a href="/Register.aspx">我要注册</a></td>
                            <td width="135">
                                <input id="btnAmoBuy" type="button" value="匿名购买" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <%<hi:wnxd_detailpageslocation runat="server" />%>
    <div class="goods_base goods_left"></div>
    <div class="dt-left">
        <%<hi:wnxd_productimages runat="server" />%>
        <%<hi:common_productimagealbum id="hlinkmoreImage" imageurl="http://image.juseshop.com/images\/more_img_icon.jpg" runat="server" />%>
        <div class="product_btns_coll">
            <%<hi:common_viewproduct_favorite runat="server"><img src="http://image.juseshop.com/images\/sub/sf_shoucang.jpg" /></hi:common_viewproduct_favorite>%>
        </div>
    </div>
    <div class="goods_base goods_right"></div>
    <script type="text/javascript">
        (function () {
            var $big_img = $(".big-img");
            $(".goods_left").click(function () {
                var $now = $(".img-thum.img-thum-active"),
                    $prev = $now.prev();
                if ($prev.length == 0) return;
                $now.removeClass("img-thum-active");
                $big_img.attr("src", $prev.addClass("img-thum-active").children(".img-l").attr("src"));
            });
            $(".goods_right").click(function () {
                var $now = $(".img-thum.img-thum-active"),
                    $next = $now.next();
                if ($next.length == 0) return;
                $now.removeClass("img-thum-active");
                $big_img.attr("src", $next.addClass("img-thum-active").children(".img-l").attr("src"));
            });
            $(".img-thum").hover(function () {
                $(".img-thum.img-thum-active").removeClass("img-thum-active");
                $big_img.attr("src", $(this).addClass("img-thum-active").children(".img-l").attr("src"));
            }, function () {
            });
            $big_img.wnxd_zoom();
        })();
    </script>
    <div class="dt-right" style="width: 400px;">
        <table cellpadding=" 0" cellspacing="0" border="0" width="550">
        <tr class="product_para_name">
            <td id="bfdProductTitle"><%<asp:literal id="litProductName" runat="server" />%></td>
        </tr>
        <tr class="product_para2">
            <td>
                <div style="width: 550px;"><%<hi:rankpricename pricename="售&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价" runat="server" />%>：<b>￥<span><%<asp:label id="lblBuyPrice" runat="server" />%></span></b></div>
                <div>市&nbsp;&nbsp;场&nbsp;&nbsp;价：<del>￥<%<hi:formatedmoneylabel id="lblMarkerPrice" runat="server" />%></del></div>
                <div>商品编号：<span id="bfdProductCode"><%<asp:literal runat="server" id="lblProductCode" />%></span></div>
                <div style="display: none;">商品货号：<span><%<hi:skulabel runat="server" id="lblSku" />%></span></div>
                <div style="width: 250px;">已经出售：<span><%<asp:literal id="litSaleCounts" runat="server" />%></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浏览次数：<span><%<asp:literal id="litBrosedNum" runat="server" />%> 次</span></div>
            </td>
        </tr>
        <tr class="product_para_select">
            <td>
                <%<hi:skuselector runat="server" cssclass="Product_WareFun_bg" />%>
                <div class="product_para_num">
                    购买数量：<%<hi:buyamountbox id="txtBuyAmount" cssclass="Product_input" runat="server"></hi:buyamountbox>%><em>
                        商品总价：<span>
                            ￥<span>
                                <%<hi:totallabel id="lblTotalPrice" runat="server" />
                                %>
                            </span>
                        </span>(库存：<%<hi:stocklabel id="lblStock" runat="server" />%><%<asp:literal id="litUnit" runat="server" />%>)
                    </em>
                </div>
            </td>
        </tr>
        <tr class="product_btns_append">
            <td>
                <table cellpadding="0" cellspacing="0" border="0" width="550">
                    <tr>
                        <td colspan="3">
                            <ul class="Product_tg_ul">
                                <li class="product_btns_shop" style="margin-right: 10px;">
                                    <hi:addcartbutton runat="server" id="btnaddgouwu"><img src="http://image.juseshop.com/images\/sub/fmll_btn_11.jpg" /></hi:addcartbutton>
                                </li>
                                <li class="product_btns_buy">
                                    <%<hi:buybutton runat="server" id="btnBuy"><img src="http://image.juseshop.com/images\/sub/fmll_btn_13.jpg" /></hi:buybutton>%>
                                </li>

                            </ul>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="padding-top: 10px;">支付：<img src="http://image.juseshop.com/UploadImage/AdvertImg/js-img69.jpg"></td>
        </tr>
        <tr>
            <td style="padding-top: 10px;">服务：<img src="http://image.juseshop.com/UploadImage/AdvertImg/js-img68.jpg"></td>
        </tr>
        <tr>
            <td style="padding-top: 10px;">服务热线：<b>400-0731-513</b></td>
        </tr>
        <tr>
            <td class="product_share">
                <h2 style="float: left; margin-top: 2px;">分享：</h2>
                <div class="jiathis_style">
                    <a class="jiathis_button_qzone"></a><a class="jiathis_button_tsina"></a><a class="jiathis_button_tqq"></a><a class="jiathis_button_renren"></a><a class="jiathis_button_kaixin001"></a>
                    <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis"
                       target="_blank"></a><a class="jiathis_counter_style"></a>
                </div>
                <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1350294149446525"
                        charset="utf-8"></script>
            </td>
        </tr>
        </table>
    </div>
</div>
<div class="content3-js">
    <div class="product_detail" id="spxq">
        <ul class="product_nav_wrap">
            <li class="curr"><a href="#spxq">商品详请</a></li>
            <li><a href="#sppj">商品评价</a><%<hi:wnxd_digitaldisplay runat="server" type="0" />%></li>
            <li><a href="#cjjl">成交记录</a><%<hi:wnxd_digitaldisplay runat="server" type="1" />%></li>
            <li><a href="#spzx">商品咨询</a><%<hi:wnxd_digitaldisplay runat="server" type="2" />%></li>
            <li id="ljgm"><span>立即购买</span></li>
            <li id="jrgwc"><span>加入购物车</span></li>
        </ul>

        <div class="product_mc">
            <div id="spxq"></div>
            <div style="height: auto; overflow: hidden;"><%<asp:literal id="litDescription" runat="server" />%></div>
            <div style="border-bottom: 1px solid #e0e0e0; height: 30px; margin-bottom: 10px;">
                <div class="wnxd_fg" id="sppj">商品评价</div>
            </div>
            <ul>
                <%
                <hi:common_productreview runat="server" templatefile="/ascx/tags/Common_ViewProduct/Skin-Common_ProductReview.ascx" maxnum="5" />%>
            </ul>
            <div class="details_plzx">
                <span class="colorF"><%<asp:hyperlink id="hpkProductReviews" runat="server" cssclass="Product_b" />%></span>
                <%<hi:common_viewproduct_review runat="server" cssclass="Product_a" />%>
            </div>
            <div style="border-bottom: 1px solid #e0e0e0; height: 30px; margin-bottom: 10px;">
                <div class="wnxd_fg" id="cjjl">成交记录</div>
            </div>
            <%<hi:common_productsales runat="server" />%>
            <div class="details_plzx">
                <span class="colorF"><%<asp:hyperlink id="hpkProductSales" runat="server" cssclass="Product_b" />%></span>
            </div>
            <div style="border-bottom: 1px solid #e0e0e0; height: 30px; margin-bottom: 10px;">
                <div class="wnxd_fg" id="spzx">商品咨询</div>
            </div>
            <%<hi:common_productconsultations runat="server" templatefile="/ascx/tags/Common_ViewProduct/Skin-Common_ProductConsultations.ascx" maxnum="5" />%>
            <div class="details_plzx">
                <span class="colorF"><%<asp:hyperlink id="hpkProductConsultations" runat="server" cssclass="Product_b" />%></span>
                <%<hi:common_viewproduct_consultation runat="server" cssclass="Product_a" />%>
            </div>
        </div>
    </div>
    <div class="content3-right" style='<%<hi:wnxd_display runat="server" id="cnxd_display" />%>'>
        <div class="right1">
            <h4>猜你喜欢</h4>
            <%<hi:wnxd_cainixihuan runat="server" maxnum="5" />%>
        </div>
    </div>
    <div class="content3-right" style="margin-top:30px;">
        <div class="right1">
            <h4>同类热销排行</h4>
            <%<hi:wnxd_relatedproducts runat="server" maxnum="5" />%>
        </div>
    </div>
</div>
<script src="http://res.juseshop.com/utility/product.helper.js" type="text/javascript"></script>
<script type="text/javascript">
    (function () {
        if (typeof (nowIndex) == "object") {
            var $sku = $(".SKUValueClass");
            for (var i = 0; i < nowIndex.length; i++) {
                SelectSkus($sku[nowIndex[i]]);
            }
        }
        var scroll_nav_index = $('.product_nav_wrap').offset().top,
            $list = $(".product_nav_wrap li:not(#ljgm,#jrgwc)");
        function RefreshList() {
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop,
                topList = [$('#sppj').offset().top, $('#cjjl').offset().top, $('#spzx').offset().top];
            for (var i = 0; i < topList.length; i++) {
                if (scrollTop <= topList[i] - 10) {
                    var $now = $list.eq(i);
                    if (!$now.is(".curr")) $now.addClass("curr").siblings().removeClass("curr");
                    break;
                }
                if (i == topList.length - 1) {
                    var $now = $list.eq(4);
                    if (!$now.is(".curr")) $now.addClass("curr").siblings().removeClass("curr");
                }
            }
        }
        $(window).scroll(function () {
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (scrollTop >= scroll_nav_index) {
                $('.product_nav_wrap').css({
                    "position": "fixed",
                    "top": "0px",
                    "z-index": 9999
                });
                $('.product_nav_wrap li#ljgm').css("display", "block");
                $(".product_nav_wrap li#jrgwc").css("display", "block");
            }
            else {
                $('.product_nav_wrap').css({
                    "position": "",
                    "top": ""
                });

                $('.product_nav_wrap li#ljgm').css("display", "");
                $(".product_nav_wrap li#jrgwc").css("display", "");
            }
            RefreshList();
        });
    })();
</script>
<%<hi:common_new_footer runat="server" />%>